<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/contactus.css">
  <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=AGxcPG1BoQXhD14dDbDf0hzSVGBLQfQi"></script>
  <title>联系我们</title>
</head>

<body>
  <div class="container">
    <!-- 头部 -->
    <div class="header">
      <!-- 中部内容1200px的内容 -->
      <div class="content">
        <div class="fr"><img src="images/index/邮箱.png" alt="">649859055@qq.com</div>
        <div class="fr"><img src="images/index/电话.png" alt="">15813380942</div>
      </div>
    </div>
    <!-- 头部导航 -->
    <div class="nav">
      <img src="images/index/logo01.jpg" alt="">
      <ul class="clearfix fl">
        <li><a href="index.html">网站首页</a></li>
        <li><a href="wms.html">WMS产品</a></li>
        <li><a href="hardwarelist.html">硬件产品</a></li>
        <li><a href="caselist.html">成功案例</a></li>
        <li><a href="video.html">视频中心</a></li>
        <li><a href="newlist.html">新闻咨询</a></li>
        <li><a href="contactus.html">联系我们</a></li>
      </ul>
      <div class="search fr clearfix">
        <input type="text" name="search" id="">
        <input type="image" src="images/index/search.png">
        <div class="clear"></div>
      </div>

    </div>
  </div>
  <!-- 广告位 -->
  <div class="ad">
    <img src="images/contactus/nav_01.png" alt="">
  </div>
  <!-- 主体部分 -->
  <div class="main_out">
    <div class="main">
      <div class="title">
        <h1>联系我们</h1>
        <h3>- CONTACT -</h3>
      </div>
      <!-- <div class="map">
        <img src="images/contactus/map_01.jpg" alt="">
      </div> -->
      <div class="map" id="allmap"></div>
    </div>
  </div>
  <!-- 联系我们 -->
  <div class="footer">
    <div class="contact">
      <div class="title">
        <div>联系 <em>我们</em></div>
        <div>CONTACT US</div>
      </div>
      <div class="message">
        <h2>广州迈维自动识别技术有限公司</h2>
        <ul>
          <li>&#xe66f; &nbsp;&nbsp;迈维咨询热线：020-87210515 </li>
          <li>&#xe621; &nbsp;&nbsp;手机：18924190335</li>
          <li>&#xe613; &nbsp;&nbsp;客服QQ：3282310250</li>
          <li>&#xe654; &nbsp;&nbsp;公司传真：020-87210505</li>
          <li>&#xe608; &nbsp;&nbsp;公司邮编：510507</li>
          <li>&#xe664; &nbsp;&nbsp;微信公众号：Merway-gz</li>
        </ul>
        <p>地址：广州高新技术产业开发区科学城南翔 <br>
          二路72号易翔科技园D栋203</p>
        <em class="icon">&#xe612;</em>
      </div>
      <div class="friendlink">
        <h3>友情链接：</h3>
        <p>
          仓库管理系统 进项发票接口 轮毂修复 微信分销系统 天猫转让平台 仓库管理软件 <br>
          ERP条码集成系统 会员管理系统 礼品商城 NB-IoT调制器 WMS仓库管理系统 <br>
          美容美发管理软件 大地系统 重庆网络营销 统
        </p>
        <h3>网站导航： </h3>
        <p>
          <a href="#">网站首页</a>
          <a href="#">WMS产品</a>
          <a href="#">硬件产品</a>
          <a href="#">成功案例</a>
          <a href="#">合作伙伴</a>
          <a href="#">新闻资讯</a>
          <a href="#">联系我们</a>
        </p>
        <p>
          Copyright © 2016 广州迈维自动识别技术有限公司 <br>
          粤ICP备09131601号-3
        </p>
      </div>

      <div class="form">
        <h3>请留下你的联系方式：</h3>
        <div>姓名： <input name="name" type="text"> </div>
        <div>联系电话：<input name="tel" type="tel"></div>
        <div>邮箱：<input name="email" type="email"></div>
        <input type="submit" value="提交">
      </div>
      <img src="images/contactus/contactus.jpg" alt="">

    </div>
  </div>
  </div>
  <script type="text/javascript">
    // 百度地图API功能
    var sContent =
      "<h4 style='margin:0 0 5px 0;padding:0.2em 0'>财智大厦</h4>" +
      "<img style='float:right;margin:4px' id='imgDemo' src='./images/contactus/caizhi.jpg' width='139' height='104' title='财智大厦'/>" +
      "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>该项目占地6600平方米，总建筑面积42916平方米，楼宇高30层，由公寓、写字楼、商铺及立体车库四部分组成。该项目位处广州大道、新港路两大城市交通动脉交汇点，往东300米是地铁二、三号地铁线交汇点客村站...</p>" +
      "</div>";
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(113.321232, 23.102672);
    var marker = new BMap.Marker(point);
    var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象
    map.centerAndZoom(point, 15);
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    map.addOverlay(marker);
    marker.addEventListener("click", function () {
      this.openInfoWindow(infoWindow);
      //图片加载完毕重绘infowindow
      document.getElementById('imgDemo').onload = function () {
        infoWindow.redraw(); //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
      }
    });
  </script>
</body>

</html>
<!-- ---百度地图api--- -->
<!-- <!DOCTYPE html> -->
<!-- <html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <style type="text/css">
    body,
    html,
    #allmap {
      width: 100%;
      height: 100%;
      overflow: hidden;
      margin: 0;
      font-family: "微软雅黑";
    }
  </style>
  <script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>
  <title>设置地图3D视角</title>
</head>

<body>
  <div id="allmap"></div>
</body>

</html> -->
<!-- <script type="text/javascript">
  // GL版命名空间为BMapGL
  // 按住鼠标右键，修改倾斜角和角度
  var map = new BMapGL.Map("allmap"); // 创建Map实例
  map.centerAndZoom(new BMapGL.Point(116.280190, 40.049191), 19); // 初始化地图,设置中心点坐标和地图级别
  map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
  map.setHeading(64.5);
  map.setTilt(73);
</script> -->